<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>测试序列页面</title>
<link rel="stylesheet" href="../../styles/css/metro.css" />
<link rel="stylesheet" href="../../styles/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../styles/css/bootstrap-table.min.css" />
<link rel="stylesheet" href="../../styles/css/bootstrap-combobox.css" />
<link rel="stylesheet" href="../../styles/css/bootstrap-dialog.css" />
<link href="../../styles/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="../../jsplugin/jquery.min.js"></script>
<script src="../../jsplugin/bootstrap.min.js"></script>
<script src="../../jsplugin/jquery.ztree.core.js"></script>
<script src="../../jsplugin/bootstrap-table.min.js"></script>
<script src="../../jsplugin/bootstrap-table-zh-CN.min.js"></script>
<script src="../../jsplugin/bootstrap-combobox.js"></script>
<script src="../../jsplugin/bootstrap-dialog.js"></script>
<script type="text/javascript" src='../../common/common.js'></script>
<script src="../../casemanager/js/TDraw.js"></script>
<script src="../../casemanager/js/TDrawCanvas.js"></script>
<script src="../../jsplugin/moment-with-locales.js"></script>
 <script src="../../jsplugin/bootstrap-datetimepicker.js"></script>
	    <script src="../../jsplugin/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript"
	src="../../jsplugin/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="../../styles/css/bootstrap-multiselect.css"
	type="text/css" />
<style>
.basicContext__data {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
}

.externalDiv {
	font-size: 15px;
	line-height: 35px;
	background-color: #386184;
	padding-left: 5px;
	background:-webkit-linear-gradient(to right, red, blue); 
    background:linear-gradient(to right,red,blue);
}

.multiselect-native-select {
	width: 40px !important;
}

.multiselect-native-select span {
	width: 55px !important;
}

button.multiselect.dropdown-toggle.btn.btn-default,.multiselect-item.multiselect-all
	{
	background: #161B2F !important;
	border: 1px solid #53597B !important;
	border-radius: 0px !important;
}

button.multiselect.dropdown-toggle.btn.btn-default {
	padding: 2px 12px 0px 4px !important;
	width: 80px;
}

.multiselect-container label {
	padding: 3px 20px 3px 18px !important;
}

.multiselect-container input {
	width: 20px !important;
	margin-left: -20px !important;
	margin-top: 4px !important;
}

.multiselect-selected-text {
	overflow: hidden;
}

#outParameter .outParameter {
	width: 90%;
	margin-bottom: 15px;
}

#combinationOperation ul {
	position: fixed;
	z-index: 1000000;
	top: auto;
	left: auto;
}
#combinationOperation ul{
    position: fixed;
    z-index: 10000;
    top: auto;
    left: auto;
    right: 0px;
    width: 400px;
}
.multiselect-container>li{
    width: 198px;
    float: left;
    display: block;
}
#sequenceEditing{
	top: 40px;
    position: relative;
}
#menu{
	position: fixed;
    width: 200px;
    z-index: 999;
}
.sequenceDiv{
	top: 30px;
    position: relative;
}
</style>
<!-- canvas绘图方法引用 -->
</head>
<body onkeydown="keydown(event)">
	<div id="header">
		<button id="save" hidden="hidden">保存</button>
		<button id="submit" hidden="hidden">提交</button>
		<button id="Audit" hidden="hidden">审核</button>
		<button id="basicInformation">基本信息</button>
		<button id="delete" hidden="hidden">删除用例</button>
		<button id="addTask" onclick="addTask()">生成任务</button>
		<button id="backPre" onclick="JavaScript:history.back(-1);">返回</button>
	</div>
	<div id="sequenceEditing">
		<!-- 头部区域 -->

		<!-- 内容区域 -->
		<div id="content">
			<!-- 内容左侧树状图区域 -->
			<div id="contentLeft">
				<div id="menu">
					<a href="JavaScript:;" id="testSequence">测试序列</a> <a
						href="JavaScript:;" id="basiCase">基本用例</a>
				</div>
				<div class="sequenceDiv">
					<!-- 测试序列树状图 -->
					<div id="sequence">
						<ul id="tree" class="ztree"></ul>
					</div>
					<!-- 基本用例树状图 -->
					<div id="basecase" style="">
						<ul id="casetree" class="ztree"></ul>
					</div>
				</div>
			</div>
			<!-- 内容中间画布区域 -->
			<div id="contentCenter" style="overflow-y:auto;overflow-x:hidden;width:985px">
				<!-- 画布区域 -->
				<div id='canvasDiv'
					style="overflow-y:auto;overflow-x:auto;height: 1032px;width: 1350px;float: left;">
					<!-- 画布区域 -->
					<div id="canvasSeId"
						style=' height: 685px;width: 2000px;margin-left: 0px;overflow: auto;margin-bottom: 5px;margin-top: 75px;'>
						<canvas id="canvasId" height="750px" width="2000px" z-index="-1"
							style="margin-left: 0px;"></canvas>
					</div>
					<!-- 展示区 -->
					<div id="dataDisplay" style='overflow:auto;margin-top: -4px;'>
						<h4 id='dataVersionLabel'></h4>
						<div id="parameterSettings">
							<div id="parameterContent">
								<span>起始站名</span> <input type='text'
									style="width:25px;height:25px;vertical-align: middle;"
									name="sequenStation"
									onchange='startStationPYChangeSquence(this)'
									onkeyup='validate(this,1)'>" <select id='StartStation'
									name='sequenStation' onchange='startStationChange2(this)'></select>
								<span>发车方向</span> <select id="positionSelect" value="null"
									name="007004013"></select>
								<button id="Positioning">定位</button>
							</div>
							<!-- 展示区域下方canvas坐标轴 -->
							<div id="parameterBottom">
								<canvas id="canvasT" width="962" height="150"></canvas>
								<!-- 此处画布尺寸应动态设置 -->
							</div>
						</div>
					</div>
				</div>

				<!-- 上方基本用例展示图绘制 -->
				<div id="Thumbnails">
					<canvas id="inline" style="margin-top: 3px;"></canvas>
				</div>
			</div>
			<!-- 内容右侧区域 -->
			<div id="shuxing">
				<div id="shuxingContent">
					<div id="caseNamee" class='externalDiv'>控件属性区域</div>
					<div id="combinationOperation">
						<div id="controlProperties">
							<!-- 存放可修改的属性 -->
							<div id="elementContents"></div>
						</div>
					</div>
				</div>
				<!-- 外部参数区域 -->
				<div id="externalParameter">
					<div class='externalDiv'>外部参数</div>
					<div id="outParameter"></div>
				</div>
				<!-- 控件说明区域 -->
				<div id="controlDescription">
					<div class='externalDiv'>控件说明描述</div>
					<div id="conDescription"></div>
				</div>
			</div>
			<!-- 内容右侧接口区域 -->
		</div>
	</div>

	<!-- data-backdrop="false"去除遮罩层  -->
	<div class="modal fade bd-example-modal-sm" id="myModal" role="dialog"
		data-backdrop="false" aria-hidden="true"
		style='top:500px;bottom:30px;'>
		<div class="modal-dialog modal-sm">
			<div class="modal-content" style='background-color:#161b2f;'>
				<p class="text-center mb-0" style='margin-top:15px;'>
					<i class="fa fa-check-circle text-success mr-1" aria-hidden="true"
						id='alertText' style='color:#ffffff;'></i>

				</p>
			</div>
		</div>
	</div>

</body>
<link rel="stylesheet" href="../../styles/css/baseCaseEdite.css">
<link rel="stylesheet" href="../../styles/css/sequenceEditing.css">
<script src="../../casemanager/js/TDraw.js"></script>
<script src="../../casemanager/js/TDrawCanvas.js"></script>
<script src="../../casemanager/js/caseEditeUtil.js"></script>
<script src="../../casemanager/js/sequenceEditing.js"></script>
<script src="../../common/myAlert.js"></script>
<script src="../../common/userRole.js"></script>
<script src="../../casemanager/js/baseCommon.js"></script>
</html>